@for $i from 10 through 20 {
  .font-size-#{$i} {
    font-family: '苹方 常规', '苹方 中等', '苹方';
    font-size: $i*2rpx;
    font-weight: 400;
    letter-spacing: 0;
  }
}

@for $i from 5 through 30 {

 .c-m-#{$i} {
   margin: $i*2 + rpx!important;
 }
 
  .c-p-#{$i} {
   padding: $i*2 + rpx!important;
 }
 
 @each $short, $long in l left, t top, r right, b bottom {
   // 缩写版，结果如： c-m-l-30
   // 定义外边距
   .c-m-#{$short}-#{$i} {
     margin-#{$long}: $i*2 + rpx!important;
   }
 
   // 定义内边距
   .c-p-#{$short}-#{$i} {
     padding-#{$long}: $i*2 + rpx!important;
   }   
 }
}

/* start--文本行数限制--start */
.u-line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.u-line-2 {
  -webkit-line-clamp: 2;
}

.u-line-3 {
  -webkit-line-clamp: 3;
}

.u-line-4 {
  -webkit-line-clamp: 4;
}

.u-line-5 {
  -webkit-line-clamp: 5;
}

.u-line-2, .u-line-3, .u-line-4, .u-line-5 {
  overflow: hidden;
	word-break: break-all;
  text-overflow: ellipsis; 
  display: -webkit-box; // 弹性伸缩盒
  -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
}

.pos-rel {
	position: relative;
}

.pos-abs {
	position: absolute;
}

.screen-full {
	width: 100%;
	height: 100%;
}

.color-3333 {
	color: #333;
}

.color-5555 {
	color: #555;
}

.color-white {
	color: $uni-text-color-inverse;
}

.color-aaaa {
	color: #aaa;
}

.color-476d {
	color: #476DEA;
}

.color-9999 {
	color: #999;
}

.color-8287 {
	color: #8287A9;
}

.color-cccc {
	color: #ccc;
}

.color-6164 {
	color: #6164FF;
}

.bg-color-white {
	background-color: $uni-bg-color;
}

.font-w-7 {
	font-weight: 700;
}

.c-flex {
  display: flex;
  flex-direction: row;
  flex-flow: row;
	justify-self: start;
	justify-content: flex-start;
}

.text-decor {
	text-decoration: line-through;
}

.c-flex-row {
  display: flex;
  flex-flow: row;
  flex-direction: row;
	justify-content: flex-start;
}

.c-flex-col {
  display: flex;
  flex-direction: column;
  flex-flow: column;
	justify-content: flex-start;
}

.c-flex-divide {
  flex: 1;
}

.c-flex-wrap {
  flex-wrap: wrap;
}

.c-flex-nowrap {
  flex-wrap: nowrap;
}

.c-col-center {
  align-items: center;
}

.c-col-top {
  align-items: flex-start;
}

.c-col-bottom {
  align-items: flex-end;
}

.c-row-center {
  justify-content: center;
}

.c-row-left {
  justify-content: flex-start;
}

.c-row-right {
  justify-content: flex-end;
}

.c-row-between {
  justify-content: space-between;
}

.u-row-around {
  justify-content: space-around;
}

.full-container {
	height: 100vh;
}

.text-center {
	text-align: center;
}

.abs-status {
	width: 150rpx;
	height: 70rpx;
	line-height: 70rpx;
	right: 10rpx;
	bottom: 10rpx;
	border-radius: 35rpx;
	text-align: center;

	&.status-0 {
		background-color: rgba(71, 109, 234, 1);
	}

	&.status-1 {
		background-color: rgba(24, 144, 255, 1);
	}

	&.status-2 {
		background-color: rgba(107, 173, 255, 0.298039215686275);

	}
}
.eye {
	width: 28rpx;
	height: 16rpx;
}
.qie {
	width: 24rpx;
	height: 24rpx;
}

.br-img {
	width: 290rpx;
	height: 216rpx;
	border-radius: 10rpx;
}

.data-list {
	.data-item {
		margin-bottom: 20rpx;

		&:last-child {
			margin-bottom: 0;
		}			
	}
}